@import "../../../styles//_variables.less";
.markedBox{
  position: relative;
  .markedHeader{
    width: 80%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1.5px solid #eee;
    position: fixed;
    left: 10%;
    width: calc(80% - 7px);
    background: #fff;
    z-index: 100;
    >span{
      margin-left: 10px;
      padding-left: 5px;
      position: relative;
      &::before{
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        width: 2px ;
        height: 21px;
        background: @--theme-primary;
      }
      &:nth-child(2){
        margin:0 6%;
      }
    }
  }
  .margedItem{
    padding-top: 50px;
    >h4{
      padding-left: 5px;
      &::before{
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        width: 2px ;
        height: 21px;
        background: @--theme-primary;
      }
    }
    img{
      max-width: 100%;
    }
  }
}
pre{
  display: block;
  background-color:#f3f3f3;
   padding: .5rem !important;
   overflow-y: auto;
   font-weight: 300;
   font-family: Menlo, monospace;
   border-radius: .3rem;
}
pre{
  background-color: #283646 !important;
}
pre >code{
  border:0px !important;
  background-color: #283646 !important;
  color:#FFF;

}
code {
  display: inline-block ;
  background-color:#f3f3f3;
  border:1px solid #fdb9cc;
  border-radius:3px;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  color:#4f4f4f;
  margin: 0px 3px;

}
